<!DOCTYPE html>
<!--suppress ALL -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>无权限</title>
    <script src="https://6c6f-lowcode-4gj2yio295db4d6b-1313839769.tcb.qcloud.la/weda-resource/js/vue.js"></script>
    <script src="https://6c6f-lowcode-4gj2yio295db4d6b-1313839769.tcb.qcloud.la/weda-resource/js/jquery-3.3.1.js"></script>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
<div id="app">
    <template>
        <div class="noPermission">

            <i class="el-icon-warning-outline"></i>

            <p>无操作权限</p>

            <div class="button">
                <el-button @click="loginSkip">跳转登录</el-button>
            </div>

        </div>
    </template>
</div>
<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {};
        },
        methods: {
            loginSkip() {
                window.location.replace('./login.html');
            }
        }
    })
</script>
<style>
    html {
        width: 100%;
        height: 100%;
    }

    body {
        width: 100%;
        height: 100%;
        margin: 0px;
        position: fixed;
        background: url('../app/resource/背景.png') no-repeat;
        background-size: cover;
    }

    .noPermission {
        top: 40%;
        left: 50%;
        opacity: 0.65;
        text-align: center;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    .noPermission > i {
        color: #F56C6C;
        font-size: 150px;
    }

    .noPermission > p {
        color: #F56C6C;
        font-size: 20px;
    }

    .button {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: center;
    }

    .button > button {
        width: 200px;
        height: auto;
        color: white;
        background-image: linear-gradient(to right, #30cfd0, #330867);
    }
</style>
</body>
</html>